<template>
	<!-- 启动页页面 -->
	<view class="start">
		<image src="../../static/w4.jpg"></image>
		<view class="access_login">
			<button @click="getInfo" >授权获取用户信息</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				info:{}
			}
		},
		onShow() {
			//页面显示的时候，判断是否获取用户授权(信息)
			try{
			  let info = uni.getStorageSync("userInfo") ||null;
			  if(info){
				 // 到首页
				 uni.switchTab({
				 	url:"/pages/index/index"
				 })
			  }
			}catch(e){
				//TODO handle the exception
			}
		},
		methods: {
			//点击按钮的是吧，获取用户信息
			getInfo(){
				console.log('统一使用次微信号进入小程序')
				// 
				wx.getUserProfile({
					desc:"获取用户信息",
					success:(res)=>{
						console.log(res,res.userInfo)
						//获取成功，保存用户信息到缓存
						let userInfo = res.userInfo||{};
						if(userInfo.nickName && userInfo.avatarUrl){
							uni.setStorageSync('userInfo',userInfo)
						}
						//跳转到首页(tabBar)
						uni.switchTab({
							url:"/pages/index/index"
						})
					}
				})
				// 
			}
		}
	}
</script>

<style lang="less" scoped>
.start{
	height: 100%;
	width: 100%;
	
	image{
		// height: 100%;
		width: 100%;
		height: 1290rpx;
	}
	
	.access_login{
		width: 700rpx;
		position: fixed;
		bottom: 30rpx;
		left: 25rpx;
		text-align: center;
	}
}
</style>
